////////////////// 第二屏 ////////////////////


// 人脸识别今日走势图-第一行第三个图表-曲线图
var chart213 = echarts.init(document.getElementById('data2_row1_cell3_chart'));
var option213 = {
    // 鼠标经过提示框
    tooltip: {
        trigger: 'axis',
        enterable: true,
        padding: [8,20],
        textStyle:{
          fontFamily: 'nssc',
          fontSize: 18
        },
        axisPointer:{
          type: 'line',
          lineStyle:{
            color: '#d4d7db'
          }
        }
    },
    // 整体位置
    grid: {
      left:'40',
      right:'60',
      top:'90',
      bottom:'30',
      containLabel: true
    },
    // x轴
    xAxis : [
        {
            type : 'category',
            boundaryGap : false,
            axisLine:{
              lineStyle:{
                color:'#d6d9dd'
              }
            },
            axisTick:{
              show:false
            },
            axisLabel:{
              margin: 15,
              textStyle:{
                color:'#a9afb8',
                fontSize:15
              }
            },
            data : ['01:00','02:00','03:00','04:00','05:00','06:00','07:00','08:00','09:00','10:00','11:00','12:00','13:00','14:00','15:00','16:00','17:00','18:00','19:00','20:00','21:00','22:00','23:00','24:00'],
        }
    ],
    // y轴
    yAxis : [
        {
            type : 'value',
            axisLine:{
              show:false
            },
            axisTick:{
              show:false
            },
            axisLabel:{
              margin: 15,
              textStyle:{
                color:'#a9afb8',
                fontSize:15
              }
            },
            splitLine:{
              show: true,
              lineStyle:{
                color:'#e9eff5'
              }
            }
        }
    ],
    // 主体
    series : [
      // 人脸识别-配置
        {
            name:'人脸识别',
            type:'line',
            // 转角点样式
            itemStyle:{
              normal:{
                color: '#3acb89',
                borderColor: '#3acb89',
                borderWidth: 2
              }
            },
            // 折线样式
            lineStyle:{
              normal:{
                color:'#5ed49f',
                width: 2
              }
            },
            // 填充区域样式
            areaStyle: {
              normal: {
                color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
                  offset: 0, color: 'rgba(58,203,137,0.15)' // 0% 处的颜色
                }, {
                  offset: 1, color: 'rgba(58,203,137,0.05)' // 100% 处的颜色
                }], false)
              }
            },
            data:[120, 182, 101, 134, 90, 230, 210, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0]
        }
        // ,
        // // 物体识别-配置
        // {
        //     name:'物体识别',
        //     type:'line',
        //     itemStyle:{
        //       normal:{
        //         color: '#369ddf',
        //         borderColor: '#369ddf',
        //         borderWidth: 2
        //       }
        //     },
        //     lineStyle:{
        //       normal:{
        //         color:'#53ace4',
        //         width: 2
        //       }
        //     },
        //     areaStyle: {
        //       normal: {
        //         color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
        //           offset: 0, color: 'rgba(83,172,228,0.15)' // 0% 处的颜色
        //         }, {
        //           offset: 1, color: 'rgba(83,172,228,0.05)' // 100% 处的颜色
        //         }], false)
        //       }
        //     },
        //     data:[220, 162, 141, 100, 290, 330, 310]
        // }
    ]
};
chart213.setOption(option213);


// 物体识别今日走势图-第二行第三个图表-曲线图
var chart223 = echarts.init(document.getElementById('data2_row2_cell3_chart'));
var option223 = {
    // 鼠标经过提示框
    tooltip: {
        trigger: 'axis',
        enterable: true,
        padding: [8,20],
        textStyle:{
          fontFamily: 'nssc',
          fontSize: 18
        },
        axisPointer:{
          type: 'line',
          lineStyle:{
            color: '#d4d7db'
          }
        }
    },
    // 整体位置
    grid: {
      left:'40',
      right:'60',
      top:'90',
      bottom:'30',
      containLabel: true
    },
    // x轴
    xAxis : [
        {
            type : 'category',
            boundaryGap : false,
            axisLine:{
              lineStyle:{
                color:'#d6d9dd'
              }
            },
            axisTick:{
              show:false
            },
            axisLabel:{
              margin: 15,
              textStyle:{
                color:'#a9afb8',
                fontSize:15
              }
            },
            data : ['01:00','02:00','03:00','04:00','05:00','06:00','07:00','08:00','09:00','10:00','11:00','12:00','13:00','14:00','15:00','16:00','17:00','18:00','19:00','20:00','21:00','22:00','23:00','24:00'],
        }
    ],
    // y轴
    yAxis : [
        {
            type : 'value',
            axisLine:{
              show:false
            },
            axisTick:{
              show:false
            },
            axisLabel:{
              margin: 15,
              textStyle:{
                color:'#a9afb8',
                fontSize:15
              }
            },
            splitLine:{
              show: true,
              lineStyle:{
                color:'#e9eff5'
              }
            }
        }
    ],
    // 主体
    series : [
        // // 物体识别-配置
        {
            name:'物体识别',
            type:'line',
            itemStyle:{
              normal:{
                color: '#369ddf',
                borderColor: '#369ddf',
                borderWidth: 2
              }
            },
            lineStyle:{
              normal:{
                color:'#53ace4',
                width: 2
              }
            },
            areaStyle: {
              normal: {
                color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
                  offset: 0, color: 'rgba(83,172,228,0.15)' // 0% 处的颜色
                }, {
                  offset: 1, color: 'rgba(83,172,228,0.05)' // 100% 处的颜色
                }], false)
              }
            },
            data:[220, 162, 141, 100, 290, 330, 310, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0]
        }
    ]
};
chart223.setOption(option223);
